<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://java.sun.com/jsf/composite/org.richfaces.showcase">
	<h:head>
		<link href="./css/styles.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="./css/treeview/screen.css" type="text/css" />
        <link rel="stylesheet" href="./css/treeview/jquery.treeview.css" type="text/css" />
        <link rel="stylesheet" href="css/themes/redmond/jquery.ui.all.css" />
		<script language="javascript" src="./js/common.js"></script>
		<link rel="stylesheet" href="css/themes/redmond/jquery.ui.all.css" />
		<script src="js/ui/jquery.ui.position.js"></script>
		<script src="js/ui/jquery.ui.resizable.js"></script> 
		<script src="js/ui/jquery.ui.core.js"></script>
		<script src="js/ui/jquery.ui.widget.js"></script>
		<script src="js/ui/jquery.ui.dialog.js"></script>
		<script>
	</script>
		<style>
		 .myzi{
		       color: #0B356C;
		 }
		 .mya{
		       color: #0B356C;
		       cursor:pointer;
		       font-size:13px;
		 }
		</style>
	</h:head>
	
	<h:body>
	
	<f:view>
	    <h:form>
	<rich:panel style="width:200px">
	  <div class="TreeMenu">	
		 <f:facet name="header">
			<h:outputText value="个人资料" />
		</f:facet> 
		 <ul style="list-style-type:none;width:125px;display:block;">
		     <li><img src="pic/defaultPictures/touxiang.png" alt="个性头像"  style="width:100px;height:100px;"/></li>
		     <li> <span class="myzi">姓名：<h:outputText value="#{user.username}" ></h:outputText></span></li>
		     <li><span class="myzi">职业：<h:outputText value="#{user.usercareer}"></h:outputText></span></li>
		     <li><span class="myzi">注册时间：<h:outputText value="#{user.userregtime}">
		     <f:convertDateTime pattern="yyyy/MM/dd"/>
		     </h:outputText></span></li>
		 </ul>
	  </div>
	</rich:panel>
	
	<rich:panel style="width:200px">
	  <div class="TreeMenu">
		 <f:facet name="header">
			<h:outputText value="邮件消息" />
		</f:facet> 
		 <ul style="list-style-type:none;width:125px;display:block;">
		  <li><a  onclick="$('#dialog').dialog( 'open' );" class="mya" style="color:red;" href="messageList3.jsf?messageType=1" target="info">  ( <h:outputText value="#{messagebean.list1}"></h:outputText> ) 条未读  *</a></li>
		     <li><a  onclick="$('#dialog').dialog( 'open' );" id="shou" class="mya" href="messageList.jsf?messageType=2" target="info">收件箱：(<h:outputText value="#{messagebean.list2}"></h:outputText>)</a></li>
		     <li> <a  onclick="$('#dialog').dialog( 'open' );" id="fa" class="mya" href="messageList2.jsf?messageType=3" target="info">已发送：(<h:outputText value="#{messagebean.list3}"></h:outputText>)</a></li>
		     <li><a  onclick="$('#dialog').dialog( 'open' );" id="caogao" class="mya" href="messageList2.jsf?messageType=4" target="info">草稿箱：(<h:outputText value="#{messagebean.list4}"></h:outputText>)</a></li>
		     <li> <a  onclick="$('#dialog').dialog( 'open' );" id="la" class="mya" href="messageList.jsf?messageType=5" target="info">垃圾箱：(<h:outputText value="#{messagebean.list5}"></h:outputText>)</a></li>
		 </ul>
	  </div>
	</rich:panel>
	</h:form>
	
			</f:view>
			
			</h:body>
</ui:composition>
